[#import "/framework/JGP.htm"  as JGP]
<!--
项目   jgp-cloud-parent
作者   LOUFEI [Gavin]
时间   2019/1/15
-->
[@JGP.head "${code!''}"]
    <style>
        .bg{width:100%;height:100%;background-color: #f3f3f4;}
        .box-left{float: left; width: 50%; text-align: left; }
        .box-left img{height: 300px;}
        .box-right{float: right; width: 50%; padding: 20px; box-sizing: border-box; }
        .middle-box {max-width: 880px; z-index: 100; margin: 0 auto; padding-top: 120px; color: #676b6d; }
        .middle-box h1 {font-size: 40px; margin-bottom: 30px; font-family: serif; }
        .font-bold {font-weight: 600; }
        .error-desc{position: relative; font-size: 12px; }
        .error-desc a.showmsg{color: #777; text-decoration: none; float: right; position: absolute; top: 0; right: 0; display: inline-block; width: 20px; height: 20px; background: url(/static/images/__show.png) no-repeat;}
        .error-desc a.showmsg.hidden{background: url(/static/images/__hidden.png) no-repeat;}
        .error-desc p span{color: #999; margin-left: 10px;}
        .error-msg{height: 0; overflow: hidden;}
        .error-msg.show{height: auto;}
        .btn{border: 1px solid #71c6c1; padding: 5px 15px; border-radius: 4px; color: #fff; background: #71c6c1; margin-top: 20px; cursor: pointer; }
        .btn:hover{background: #63b8b0; }
    </style>
[/@JGP.head]
[@JGP.body]
<div class="bg">
    <div class="middle-box">
        <div class="box-left animated fadeIn">
            <img src="/static/images/__error.svg" alt="">
        </div>
        <div class="box-right animated fadeInRight">
            <h1>错误代码:${(error.code)!''}</h1>
            <div class="error-desc">
                <p>错误模块<span>${(error.prefix)!''}</span></p>
                <a href="javascript:" class="showmsg"></a>
                <p class="error-msg">错误信息<span>${(error.msg)!''}</span></p>
            </div>
            <button class="btn">返回上一页</button>
        </div>
    </div>
</div>

[/@JGP.body]
[@JGP.foot]
    <script>
        $('.showmsg').on('click', function() {
            $(this).toggleClass('hidden');
            $('.error-msg').toggleClass('show');
        });
    </script>
[/@JGP.foot]